<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="zh-CN">
<head>
<title>SmartPost</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
	<!-- 新 Bootstrap 核心 CSS 文件 -->
	<link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
		<!-- 可选的Bootstrap主题文件（一般不用引入） -->
	<link rel="stylesheet" href="css/bootstrap/bootstrap-theme.min.css">
    <link rel="stylesheet" href="js/codemirror/lib/codemirror.css"/>
    <link rel="stylesheet" href="js/codemirror/theme/eclipse.css"/>
	<link rel="stylesheet" href="js/json/s.css"/>
			<style>
.groupBar, .sceneBar {
	cursor: pointer;
}

.hiddenEle {
	display: none;
}

ol {
	margin-bottom: 1px !important;
}

ul {
	margin-top: 2px !important;
	margin-bottom: 1px !important;
	list-style-type: none;
}

li {
	list-style-type: none
}

.breadcrumb  li {
	width: 100%;
}
.selected{
    background-color: rgb(232, 232, 232);
    background-image: linear-gradient(rgb(245, 245, 245) 0px, rgb(232, 232, 232) 100%);
    background-repeat: repeat-x;
}
.select-label{
    width: 100px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.CodeMirror{
    border: 1px gray solid;
    height: 200px!important;
}
.page-header{
    margin-top: 20px!important;
}
.add-key-value,.remove-key-value{
    cursor: pointer;
}
.CodeMirror-scroll{
    font-size: 14px;
    font-weight: bold;
    font-family: Consolas, "Andale Mono", monospace;
}
.common-li{
    display: inline-block;
    width: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    height: 20px;
}

.response-a{
    padding: 3px 15px!important;
}
.consoleViewer{
    margin-left: 1px;
}
.console-tool{
    margin-left: 1px;
}
 .add-trigger{
     cursor: pointer;
 }
</style>
</head>
<body>
	<div class="container-fluid">
		<div class="row page-header" id="header">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <h3>
                    <span class="glyphicon glyphicon-send"></span>&nbsp;Smart Post <sup style="font-size: 12px;">V1.0.0</sup>
                </h3>
            </div>
		</div>
		<div class="row" id="body">
            <div class="col-md-12 col-lg-12 col-xs-12 col-sm-12">
                <div class="row">
                    <div class="col-md-3 col-lg-3 col-sm-3 col-xs-3 tabs">
                        <div class="row">
                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                <ul class="nav nav-tabs">
                                    <li class="active ui-state-active"><a href="#entity"><span
                                            class="glyphicon glyphicon-globe"></span>&nbsp;请求&nbsp;<span class="glyphicon glyphicon-plus add-trigger need-root-auth" editor-type="entity" title="添加请求"></span></a></li>
                                    <li><a href="#group"  ><span
                                            class="glyphicon glyphicon-th-list"></span>&nbsp;分组&nbsp;<span class="glyphicon glyphicon-plus add-trigger need-root-auth" editor-type="group" title="添加分组"></span></a></li>
                                    <li><a href="#scene"><span
                                            class="glyphicon glyphicon-film"></span>&nbsp;场景&nbsp;<span class="glyphicon glyphicon-plus add-trigger need-root-auth" editor-type="scene" title="添加场景"></span></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="row entities" id="entity">
                            <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12" >
                                <ul class="list-group">

                                </ul>
                                
                            </div>
                        </div>
                        <div class="row groups" id="group">
                            <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12"  >
                                <ul class="list-group">
                                </ul>
                            </div>
                        </div>
                        <div class="row scene" id="scene">
                            <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12"  >
                                <ul class="list-group">
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-9 col-lg-9 col-xs-9 col-sm-9 operation-domain">
                        <div class="row">
                            <div class="col-md-6  col-lg-6 col-xs-6 col-sm-6">
                                <div class="btn-group" id="envSelector" style="float: left;">
                                    <button class="btn btn-default btn-sm dropdown-toggle"
                                            type="button" data-toggle="dropdown">
                                        <b>选择当前环境</b><span class="caret"></span>
                                    </button>
                                    <ul class="dropdown-menu" role="menu">
                                        <li class="need-root-auth"><a href="#manage"><span class="glyphicon glyphicon-cog"></span> 管理环境</a></li>
                                        <li class="divider need-root-auth"></li>
                                    </ul>
                                    <input type="hidden"  name="environment"     />
                                </div>
                            </div>
                            <div class="col-md-6  col-lg-6 col-xs-6 col-sm-6">
                                <button type="button" class="btn btn-info text-right" id="rootLogin" style="float: right;">
                                    <span class="glyphicon glyphicon-user"></span><span id="loginLabel">Root登录</span>
                                </button>
                            </div>
                        </div>
                        <div class="row">
                            &nbsp;
                        </div>
                        <div class="row">
                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="edit-contain"></div>
                            <!--<div class="col-md-3">
                                <div class="btn-group">
                                    <button type="button" class="btn btn-primary dropdown-toggle"
                                        data-toggle="dropdown">
                                        添加信息<span class="caret"></span>
                                    </button>
                                    <ul class="dropdown-menu" id="add-operation" role="menu">
                                        <li><a href="#addGroup">添加新的组</a></li>
                                        <li><a href="#addEntity">添加请求实体</a></li>
                                        <li><a href="#addScene">添加新的场景</a></li>
                                    </ul>
                                </div>
                            </div>-->
                        </div>
                        <div class="row">
                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                <div class="panel panel-primary" style="border: 0;">
                                    <div class="panel-body">
                                <div class="row well console-result-container" style="padding: 0px;display: none;-webkit-box-shadow: 0; box-shadow: 0 ; ">
                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                        <div class="row alert alert-info " style="padding-top: 5px;padding-bottom: 5px;">
                                            <div class="col-md-11 col-lg-11 col-sm-11 col-xs-11">
                                                <span>请求结果</span>
                                            </div>
                                            <div class="col-md-1 col-lg-1 col-sm-1 col-xs-1">
                                                <span class="glyphicon glyphicon-remove console-close console-tool" style="cursor: pointer;  float: right;" title="删除"></span>
                                            </div>
                                        </div>
                                        <div class="row result-wrapper">
                                            <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
                                                <div class="row">
                                                    <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12" id="console-result-content-wrapper">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                                </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

		</div>

		<div class="row "  id="footer">
                <div class="panel-footer  text-center">©2014-<span class="nowYear"></span> Powered by MTP</div>
		</div>
	</div>
	<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
	<script type="text/javascript" src="js/jquery/jquery-1.11.1.js"></script>
	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script type="text/javascript" src="js/bootstrap/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/utils/Math.uuid.js"></script>
	<script type="text/javascript" src="js/smartpost.js"></script>
	<script type="text/javascript" src="js/jquery/jquery-ui.min.js"></script>

    <script type="text/javascript" charset="utf-8" src="js/codemirror/lib/codemirror.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/codemirror/mode/javascript/javascript.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/codemirror/mode/htmlmixed/htmlmixed.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/codemirror/mode/xml/xml.js"></script>
    <!--<script type="text/javascript" charset="utf-8" src="https://kyfw.12306.cn/otn/resources/js/framework/station_name.js?station_version=1.822"></script>
-->
    <script src="js/codemirror/addon/fold/foldcode.js"></script>
    <script src="js/codemirror/addon/fold/foldgutter.js"></script>
    <script src="js/codemirror/addon/fold/brace-fold.js"></script>
    <script src="js/codemirror/addon/fold/xml-fold.js"></script>
    <script src="js/codemirror/addon/fold/markdown-fold.js"></script>
    <script src="js/codemirror/addon/fold/comment-fold.js"></script>
    <script src="js/utils/screenfull.js"></script>
    <!--<script type="text/javascript" src="js/12306.js"></script>-->
	<script type="text/javascript" src="js/utils/validator.js"></script>
	<script type="text/javascript" src="js/template/include.js"></script>
    <script type="text/javascript" src="js/dialog/dialog.js"></script>
	<script type="text/javascript" src="js/json/c.js"></script>
	<script type="text/javascript" src="js/json/m.js"></script>
    <script type="text/javascript" src="js/selector/selector.js"></script>
    <script type="text/javascript" src="js/commons.js"></script>
	<script type="text/javascript" src="js/template/template.js"></script>
    <script type="text/javascript" src="js/template/helper.js"></script>
    <script type="text/javascript" src="js/environment.js"></script>
	<script type="text/javascript" src="js/dialog/loading.js"></script>
	<script type="text/javascript" src="js/index.js"></script>
	<script type="text/javascript" src="js/scene.js"></script>
</body>
</html>